<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp" %>
<%@ taglib prefix="s" uri="/WEB-INF/struts-tags.tld"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>欢迎访问产品运营互动中心！</title>
<%@ include file="/commons/include/head-meta.inc.jsp"%>
<script type="text/javascript">
	$(document).ready(function(){
		$("#iTR12").css({background: "#B3DEF4"});
	});
	
	function subNewBsReqForm(url){
		var dForm=document.forms[0];
		dForm.action=url;
		dForm.submit();
	}
</script>
<style type="text/css">
.app_line {
	height: 25px;
	background-image: url(../docs/images/line_bg.gif);
	margin: 7px 0 2px 0;
	text-align: left;
}

.app_line p {
	width: 101px;
	background-image: url(../docs/images/line_tit.gif);
	text-align: center;
	font-weight: bold;
	color: #5f6163;
	margin: 0px;
	padding: 0px;
	height: 25px;
	line-height: 25px;
}

#helpInfo div {
	line-height: 30px;
}

.l_red {
	color: red;
}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
<table width="980" border="0" cellspacing="0" cellpadding="0" align="center">
		<tr>
			<td>
			<table width="100%" border="0" cellpadding="0" cellspacing="0" background="<c:url value="/images/new/gxzl_index_2.gif"/>">
				<tr>
					<td width="20" height="32">&nbsp;</td>
					<td width="20"><img src="<c:url value="/images/new/dq_dot.gif"/>" width="15" height="12" /></td>
					<td>当前位置：业务需求交互单-新产品发布流程</td>
				</tr>
			</table>
			</td>
		</tr>
	<tr>
		<td background="<c:url value="/images/home_4a.gif"/>">
		<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFFFF">
			<tr>
				<td width="20%" valign="top">
				<table width="100%" height="400" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFFFF">
					<tr>
						<td width="240" valign="top" class="leftbg">
						<%@ include file="/commons/include/request_pvc_left.inc.jsp" %>
						</td>
						<td valign="top" align="center"><br>
					<table width="98%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td height="5">
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td width="5" height="5"><img src="<c:url value="/images/cphdzx_tab1.gif"/>" width="5" height="5" /></td>
										<td class="tdborderup"><img src="<c:url value="/images/spacer.gif"/>" width="1" height="1" /></td>
										<td width="5"><img src="<c:url value="/images/cphdzx_tab2.gif"/>" width="5" height="5" /></td>
									</tr>
								</table>
							</td>
						</tr>
						<tr>
							<td class="tdborderleftright">

							<form action="opProductFlow.do" method="post" style="margin: 0">
							<table cellSpacing=0 cellPadding=0 style="margin-left: 8px;width: 95%">

								<tr height=30>
									<td>需求单号：</td>
									<td><input name="reqCode" type="text" value=""/></td>
									<td>产品名称：</td>
									<td><input name="name" type="text" value="" style="width: 200px"/></td>
								</tr>
								<tr>
									<td>发起人：</td>
									<td><input name="creator" type="text" value=""/></td>
									<td></td>									
									<td>
				                     <input type="button" name="search" onclick="document.forms[0].submit();"  value="查 询">
				                     <input type="button" name="newBsReqBtn" onclick="subNewBsReqForm('opProductFlow.do?action=applyInit');" value="新 增">
				                     	
									</td>
								</tr>
								
							</table>
							</form>
							<table width="98%" border="0" cellspacing="0" cellpadding="7" align="center" class=tablecolor2>
								<tr>
									<td bgcolor="9AC2EB" width="11%">
									<div align="center"><font color="#FFFFFF">需求单号</font></div>
									</td>
									<td bgcolor="9AC2EB" width="*">
									<div align="center"><font color="#FFFFFF">产品名称</font></div>
									</td>								
									<td bgcolor="9AC2EB" width="12%">
									<div align="center"><font color="#FFFFFF">发起人</font>
									</div>
									</td>
									<td bgcolor="9AC2EB" width="12%">
									<div align="center"><font color="#FFFFFF">发起时间</font>
									</div>
									</td>
																		
									<td bgcolor="9AC2EB" width="9%">
									<div align="center"><font color="#FFFFFF">操作</font></div>
									</td>	
								</tr>
								<c:forEach items="${dataList }" var="listOne">
								<tr>
									<td style="text-align: center;">${listOne[0] }</td>
									<td>${listOne[1] }</td>
									<td>${listOne[2] }</td>
									<td style="text-align: center;"><fmt:formatDate value="${listOne[3] }" pattern="yyyy-MM-dd" /></td>
									<td style="text-align: center;"><a href="opProductFlow.do?action=showInfo&procinstId=${listOne[4] }">查看</a></td>
								</tr>
								</c:forEach>
							</table>
							<div style="text-align: center">${pageNaviStr }</div>
							
							<div class="app_line"><p>操作说明</p></div>					
							<div id="helpInfo" style="text-align:center;font-size: 14px;">
								<div style="width:600px;margin:auto;text-align:left">
									<div>一、新产品发布流程：</div>
									<div style="text-align:center;"><img src="../docs/images/image001.png" /></div>
									
									<div>二、操作说明</div>
									<div style="margin-left: 24px;">1.发起申请：业务需求交互单-新产品发布流程申请单-新增。</div>
									<div style="text-align:center;">
										<img src="../docs/images/image002.png" style="width: 484px;height: 323px" />
										<div>图2-1</div>
									</div>
									<div style="margin-left: 24px;">2.在“图2-1”，点“添加产品属性”可以动态添加产品属性输入信息，如“业务受理方式与渠道、订购与退订方法、接入方式、产品定位”等。详见“图2-2、图2-3”。</div>
									
									<div style="text-align:center;">
										<img src="../docs/images/image004.png" style="width: 484px;height: 323px" />
										<div>图2-2</div>
									</div>
									
									<div style="text-align:center;">
										<img src="../docs/images/image006.png" style="width: 484px;height: 323px" />
										<div>图2-3</div>
									</div>
									
									<div style="margin-left: 24px;">3.产品文档上传</div>
									<div style="text-align:center;">
										<img src="../docs/images/image008.png" style="width: 484px;height: 323px" />
										<div>图2-4</div>
									</div>
									
									<div style="margin-left: 24px;">4.在图2-1中，“是否有客户端”当用户选择“有”时，必须上传“客户端截图、客户端安装程序、客户端说明”相关附件，同时流程审批中也会自动扭转到“电子渠道发布”环节。</div>
									
									<div style="margin-left: 24px;">5.在图2-1中，打“<label class="l_red">*</label>”为必填项。<br />
										当用户输入相应的信息后，点“保存”将存为草稿信息，可以进一步编辑；点“提交”按钮，申请单将提交给相应的人员审批。
									</div>
								</div>
							</div>
															
							</td>
						</tr>
						<tr>
							<td height="5">
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td width="5" height="5"><img src="<c:url value="/images/cphdzx_tab3.gif"/>" width="5" height="5" /></td>
										<td class="tdborderbottom"><img src="<c:url value="/images/spacer.gif"/>" width="1" height="1" /></td>
										<td width="5"><img src="<c:url value="/images/cphdzx_tab4.gif"/>" width="5" height="5" /></td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
</body>
</html>
